<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php require_once 'classes/City.class.php'?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Show Me The Fuck</title>
    <script src="http://maps.google.com/jsapi?key=ABQIAAAAdBRyHO_KLbNV2CTUZIm51xSRg3LV6j1BwV-MCtqK8gvlcguFYhSz2l6Jv7opxnIaPLb-KmkwT3SuiA"></script>
    <link rel="stylesheet" href="style.css" type="text/css"/>
<script>
	var map;
	google.load("maps", "2.x");
</script>
  </head>
  <body>

    <!-- you can use tables or divs for the overall layout -->

    <table border=1>
      <tr>
        <td>
           <div id="map" style="width: 800px; height: 500px"></div>
        </td>
        <td width = 150 valign="top" style="text-decoration: underline; color: #4444ff;">
           <div id="side_bar"></div>
        </td>
      </tr>

    </table>
    <script type="text/javascript" src="mapthing.js">
    </script>
  </body>

<form id="search_address" onsubmit="javascript:searchThisAddress(); return false">
Direcci&oacute;n: <input id="direccion"/><br>Ciudad:
<select id="ciudad" size="1">
<?php foreach(City::getCities() as $city):?>
<option id="city_<?php echo $city->getId()?>" value="<?php echo $city->getId()?>"><?php echo htmlentities($city->getName())?></option>
<?php endforeach?>
</select><br><input type="submit" value="Buscar"/>
</form>
</html>


